/* CSS file */

Application {
   backgroundColor: #ffffff;
   backgroundGradientColors: #6699CC, #C8DBF5;
   backgroundGradientAlphas: 0.56, 0.42;
   themeColor: #99cc00;
   color: #333333;
   fontFamily: Arial;
   fontWeight: normal;
   fontStyle: normal;
   textDecoration: none;
   fontSize: 10pt;
}
.Application {
   backgroundColor: #ffffff;
   backgroundGradientColors: #6699CC, #C8DBF5;
   backgroundGradientAlphas: 0.56, 0.42;
   themeColor: #99cc00;
   color: #333333;
   fontFamily: Arial;
   fontWeight: normal;
   fontStyle: normal;
   textDecoration: none;
   fontSize: 10pt;
}
.Application2 {
   backgroundColor: #ffffff;
   backgroundGradientColors: #f5f5f5, #f5f5f5;
   backgroundGradientAlphas: 1, 1;
   themeColor: #99cc00;
   color: #333333;
   fontFamily: Arial;
   fontWeight: normal;
   fontStyle: normal;
   textDecoration: none;
   fontSize: 10pt;
}

.global {
    color:                  #170505;
    fillAlphas:             1.00, 1.00; /* last pair are for OVER state */
    fillColors: 		    #FFFFFF, #DDDDDD, #FFFFFF, #EEEEEE;
}

.elemento /* for the background of some surfacedefinisce gli elementi in CourseEditView */
{
  width: 40px; 
  height: 30px; 
  cornerRadius: 5; 
  borderStyle: solid; 
  borderColor: #ffffff;
  borderThickness: 1;
  dropShadowEnabled: true;
  dropShadowColor: #333333;	
}

.IconTab {
   tabWidth: 90;
   tabHeight: 25;
   horizontalAlign: left;
   backgroundColor: #ffffff;
   backgroundAlpha: 1;
   tabStyleName: "myTabs";
   borderThickness: 12;
   borderStyle: none;
   borderColor: #ffffff;
   paddingTop: 0px;
   dropShadowEnabled: true;
   dropShadowColor: #333333; 
   cornerRadius: 10px; 
}
.myTabs {
   textAlign: left;
   cornerRadius: 3px;
   borderColor: #B3CCE6;
   borderStyle: none;
   backgroundColor: #ffffff;
   dropShadowEnabled: true;
   dropShadowColor: #333333; 
}
.IconTabNO {
   tabWidth: 0;
   tabHeight: 0;
   horizontalAlign: left;
   backgroundAlpha: 0;
   borderThickness: 0;
   alpha: 0;

}
/*ToolTip {
   backgroundColor: #99cc00;
   color: #ffffff;
   fontFamily: Arial;
   fontSize: 10;
}*/

/*CheckBox {
   highlightAlphas: 0, 0;
   color: #333333;
   textSelectedColor: #669900;
   textRollOverColor: #669900;
   themeColor: #99cc00;
   fontFamily: Arial;
}
ComboBox {
   color: #333333;
   selectionColor: #99cc00;
   textSelectedColor: #ffffff;
   useRollOver: true;
   rollOverColor: #f5f5f5;
   themeColor: #99cc00;
   fontFamily: Arial;
}
Tree {
   rollOverColor: #f5f5f5;
   textRollOverColor: #333333;
   selectionColor: #99cc00;
   color: #333333;
   textSelectedColor: #ffffff;
}*/
.treeContainer{
   cornerRadius: 10px;
   paddingLeft: 3px;
   paddingRight: 3px;
   paddingBottom: 3px;
   paddingTop: 3px;
   borderColor: #ffffff;
   borderStyle: solid;
   backgroundColor: #ffffff;
   dropShadowEnabled: true;
   dropShadowColor: #333333; 
}
/*ToggleButtonBar {
   buttonStyleName: "mytoggleButtonBarButtonStyle";
}*/
.mytoggleButtonBarButtonStyle {
   color: #333333;
   textRollOverColor: #669900;
   textSelectedColor: #333333;
   themeColor: #99cc00;
   fontFamily: Arial;
}
/*Button {
   color: #333333;
   textRollOverColor: #669900;
   textSelectedColor: #333333;
   themeColor: #99cc00;
   fontFamily: Arial;
   dropShadowEnabled: true;
   dropShadowColor: #333333; 
   borderColor: #cccccc;
}
DataGrid {
   alternatingItemColors: #ffffff, #f9f9f9;
   rollOverColor: #f5f5f5;
   textRollOverColor: #333333;
   selectionColor: #99cc00;
   color: #333333;
   textSelectedColor: #ffffff;
   fontFamily: Arial;
   headerStyleName: "mydataGridHeaderStyle";
}*/
.mydataGridHeaderStyle {
   color: #99cc00;
   fontFamily: Arial;
   fontWeight: bold;
   fontStyle: normal;
   textDecoration: none;
}
.titoli{
	color: #99cc33;
	fontFamily: Arial;
	fontWeight: bold;
	fontStyle: normal;
	textDecoration: none;
	fontSize: 14pt;
	}
.textverde{
	color: #99cc33;
	fontFamily: Arial;
	fontWeight: normal;
	fontStyle: normal;
	textDecoration: none;
	fontSize: 10pt;
	}

.viewButtonFrames
{
    cornerRadius: 14;
    fillColors: #ffffff, #ffffff, #cccccc, #cccccc;
    textRollOverColor: #003300;
    themeColor: #666666;
    fillAlphas:             1, 1;
    highlightAlphas:        .5, .25;
    fontWeight:             "normal";
    icon: Embed(source="assets/ico_view_1.gif");
}
.viewButtonNoframes
{
    cornerRadius: 14;
    fillColors: #ffffff, #ffffff, #cccccc, #cccccc;
    textRollOverColor: #003300;
    themeColor: #666666;
    fillAlphas:             1, 1;
    highlightAlphas:        .5, .25;
    fontWeight:             "normal";
    icon: Embed(source="assets/ico_view_2.gif");
}

.UserDetailView{	
	border-color: #bce758;
	border-style: solid;
	corner-radius: 10px;
	background-color: #bce758;
	drop-shadow-color: #333333;
	drop-shadow-enabled: true;
	top: 20px;
	left: 20px;
}

.ButtonStyle {
   fillColors: #ffffff, #cccccc, #cccccc, #999999;
   textRollOverColor: #003300;
   themeColor: #666666;
}

.ImageButtonStyle {
   fillColors: #ffffff, #ffffff, #cccccc, #cccccc;
   textRollOverColor: #003300;
   themeColor: #666666;
}

/* Authoring CSS */

.AuthoringPropPanel {	
	border-style: solid;
	corner-radius: 10;
	background-color: #f5f5f5;
	border-color: #f5f5f5;	
}

.AuthoringArea {
	padding-bottom: 10;
	padding-top: 10;	
	padding-left: 10;
	padding-right: 10;
	corner-radius: 20;	
	border-color: #fbfbfb;
	background-color: #f5f5f5; 
    border-style: solid; 
}	

.CourseEditViewElementsVBox
{
    width: 200;
    height: 200;
    cornerRadius: 20;
    backgroundColor: #cccccc; 
    paddingBottom: 10;
    paddingLeft: 10; 
    paddingRight: 10; 
    paddingTop: 10; 
    borderColor: #cccccc;
    borderStyle: solid; 
}

.AuthoringElementIcons { 
  	cornerRadius : 5; 
  	borderStyle : solid; 
  	borderColor : #999999;
  	borderThickness : 1;
  	dropShadowEnabled : true;
  	dropShadowColor : #cccccc;	 
}

.ElementEditPanelTab {
   tabWidth: 120;
   tabHeight: 25;
   horizontalAlign: left;
   backgroundAlpha: 1;
   tabStyleName: "myTabs";
   borderStyle: solid;   
   paddingTop: 0px;
   dropShadowEnabled: false;    
   cornerRadius: 0px; 	
}
